<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="email=no">
<title>在线咨询</title>
<link rel="stylesheet"
	href="../css/desktop-fiesta-skqf9msu88t49529.css">
<style type="text/css">
.icon {
	background-image:
		url("https://static.meiqia.com/dist/images/icon-desktop.png?v=slktr2n1k4l8r529");
	background-size: 44px auto;
	background-repeat: no-repeat;
}

.emoji-control {
	background-image:
		url("https://static.meiqia.com/dist/images/emoji.png?v=slktr2n1k4l8r529");
	background-size: 25px auto;
	background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
		(min--moz-device-pixel-ratio: 2) , only screen and
		(-o-min-device-pixel-ratio: 2/1) , only screen and
	(min-device-pixel-ratio: 2) {
	.icon {
		background-image:
			url("https://static.meiqia.com/dist/images/icon-desktop@2x.png?v=slktr2n1k4l8r529");
	}
	.emoji-control {
		background-image:
			url("https://static.meiqia.com/dist/images/emoji@2x.png?v=slktr2n1k4l8r529");
	}
}
</style>
<style type="text/css">
#pageChat .header, #pageTicket .header, #pageCall .header, #pageSurvey .header
	{
	background-color: #007aff;
	color: #fff;
}

#pageChat #agentInputting {
	background-color: #007aff;
}

#pageChat .agent-signature {
	color: #fff
}

#pageChat .msg-client .bubble {
	background-color: #007aff;
	color: #fff;
}

#pageChat .msg-client .bubble a {
	color: #fff;
}

#pageChat .msg-client .arrow {
	border-left: 6px solid #007aff;
}

#pageChat .footer .feature-holder #btnSend.active {
	background-color: #007aff;
	color: #fff;
}

#pageChat #unableService .btn-go-ticket {
	background-color: #007aff;
	color: #fff;
}

#pageChat #evaluationSubmit {
	background-color: #007aff;
	color: #fff;
}

#pageChat #queueingTips .queue-position-title {
	color: #007aff;
}

#pageChat #queueingTips #queueingPosition {
	color: #007aff;
}

#pageChat #queueingTips .btn-go-ticket {
	background-color: #007aff;
	color: #fff;
}

#pageSurvey .body .menus-item>a, #pageChat .body-left .msg-bot .bubble .menu-item,
	#pageChat .body-left .msg-bot .rating a, #pageChat .body-left .msg-bot div.rich-text-bubble a,
	#pageChat .body-left .msg-agent div.rich-text-bubble a, #pageChat .body-left .msg-common-tips a,
	#autocomplete li em, #autocomplete li a[data-current="true"] {
	/*color: #007aff;*/
	color: #6088e6;
}

#autocomplete li a:hover {
	background-color: #007aff;
}

.icon-angel-down, .icon-ring-open, .icon-ring-close {
	opacity: .6;
	filter: alpha(opacity = 60);
}

.icon-angel-down:hover, .icon-ring-open:hover, .icon-ring-close:hover {
	opacity: .8;
	filter: alpha(opacity = 80);
}

.icon-angel-down {
	background-position: -22px -66px;
}

.icon-ring-open {
	background-position: -22px -89px;
}

.icon-ring-close {
	background-position: -22px -111px;
}

#pageTicket #ticketSubmit {
	background-color: #007aff;
	color: #fff;
}

#pageTicket #ticketDone {
	background-color: #007aff;
	color: #fff;
}

#pageCall .input-active {
	border-color: #007aff !important;
}

#pageCall .submit-active {
	background-color: #007aff !important;
}

#pageCall .submit-intro {
	color: #007aff;
}

#pageCall .call-success-icon {
	background-color: #007aff;
}

#pageSurvey .menus-item>a {
	color: #007aff;
}

#pageSurvey #surveySubmit {
	background-color: #007aff;
	color: #fff;
}
</style>
</head>
<body>
	<div id="alert" class="hide">
		<div id="alertInside"></div>
		<a id="alertHide"><i class="icon icon-times"></i></a>
	</div>
	<section id="pageChat">
		<div id="evaluationHolder">
			<div class="evaluation-header">
				<a id="evaluationHide"> <i class="icon icon-times"></i>
				</a>
				<div class="intro">您对本次服务满意吗？</div>
			</div>
			<div class="evaluation-body">
				<div class="evaluation-btn-group">
					<input id="evaluationLevel" type="hidden">
					<div id="evaluation2" class="evaluation-btn">
						<i class="icon icon-smile"></i> <span>好评</span>
					</div>
					<div id="evaluation1" class="evaluation-btn">
						<i class="icon icon-neutral"></i> <span>中评</span>
					</div>
					<div id="evaluation0" class="evaluation-btn">
						<i class="icon icon-angry"></i> <span>差评</span>
					</div>
				</div>
				<div class="evaluation-reason">
					<textarea id="evaluationContent" placeholder="请填写评价内容（选填）"></textarea>
					<button id="evaluationSubmit">提交</button>
				</div>
			</div>
		</div>
		<div id="evaluationMask"></div>
		<header class="header">
			<div id="headLeft" class="pull-left"></div>
			<div class="pull-right">
				<a id="btnCallAgent">转人工</a> <a id="btnRing"><i id="iconRing"
					class="icon icon-ring-open"></i> </a><a id="btnHideChat"
					name="btnHidePanel"><i class="icon icon-angel-down"></i></a>
			</div>
			<div class="clearfix"></div>
		</header>
		<div class="body">
			<div id="msgWrapper">
				<div id="msgHolder"></div>
			</div>
		</div>
		<footer class="footer">
			<div id="chatHasEnd" class="hide"></div>
			<div id="blacklistTips" class="hide"></div>
			<div class="text-holder">
				<textarea id="textarea" placeholder="请输入"></textarea>
			</div>
			<div class="feature-holder">
				<div id="featureBtns" class="feature-left">
					<a id="emojiBtn" class="feature-btn" title="表情"> <i
						class="icon icon-emoji"></i>
					</a> <label id="photoBtn" class="feature-btn" title="发送图片"> <i
						class="icon icon-photo"></i> <input id="photoFile"
						accept="image/gif, image/jpeg, image/jpg, image/png" type="file">
					</label> <label id="uploadBtn" class="feature-btn" title="发送文件"
						style="display: none;"> <i class="icon icon-upload"></i> <input
						id="uploadFile" type="file">
					</label> <a id="evaluationBtn" class="feature-btn" title="评价"> <i
						class="icon icon-evaluation"></i>
					</a>
				</div>
				<div class="feature-right">
					<input id="btnSend" value="发送" type="button">
				</div>
				<div id="emojiHolder">
					<i class="emoji-control emoji-smile"
						onclick="window.CHOSE_EMOJI(':smile:')"></i> <i
						class="emoji-control emoji-laughing"
						onclick="window.CHOSE_EMOJI(':laughing:')"></i> <i
						class="emoji-control emoji-blush"
						onclick="window.CHOSE_EMOJI(':blush:')"></i> <i
						class="emoji-control emoji-heart_eyes"
						onclick="window.CHOSE_EMOJI(':heart_eyes:')"></i> <i
						class="emoji-control emoji-smirk"
						onclick="window.CHOSE_EMOJI(':smirk:')"></i> <i
						class="emoji-control emoji-flushed"
						onclick="window.CHOSE_EMOJI(':flushed:')"></i> <i
						class="emoji-control emoji-grin"
						onclick="window.CHOSE_EMOJI(':grin:')"></i> <i
						class="emoji-control emoji-kissing_smiling_eyes"
						onclick="window.CHOSE_EMOJI(':kissing_smiling_eyes:')"></i> <i
						class="emoji-control emoji-wink"
						onclick="window.CHOSE_EMOJI(':wink:')"></i> <i
						class="emoji-control emoji-kissing_closed_eyes"
						onclick="window.CHOSE_EMOJI(':kissing_closed_eyes:')"></i> <i
						class="emoji-control emoji-stuck_out_tongue_winking_eye"
						onclick="window.CHOSE_EMOJI(':stuck_out_tongue_winking_eye:')"></i>
					<i class="emoji-control emoji-sleeping"
						onclick="window.CHOSE_EMOJI(':sleeping:')"></i> <i
						class="emoji-control emoji-worried"
						onclick="window.CHOSE_EMOJI(':worried:')"></i> <i
						class="emoji-control emoji-sweat_smile"
						onclick="window.CHOSE_EMOJI(':sweat_smile:')"></i> <i
						class="emoji-control emoji-cold_sweat"
						onclick="window.CHOSE_EMOJI(':cold_sweat:')"></i> <i
						class="emoji-control emoji-joy"
						onclick="window.CHOSE_EMOJI(':joy:')"></i> <i
						class="emoji-control emoji-sob"
						onclick="window.CHOSE_EMOJI(':sob:')"></i> <i
						class="emoji-control emoji-angry"
						onclick="window.CHOSE_EMOJI(':angry:')"></i> <i
						class="emoji-control emoji-mask"
						onclick="window.CHOSE_EMOJI(':mask:')"></i> <i
						class="emoji-control emoji-scream"
						onclick="window.CHOSE_EMOJI(':scream:')"></i> <i
						class="emoji-control emoji-sunglasses"
						onclick="window.CHOSE_EMOJI(':sunglasses:')"></i> <i
						class="emoji-control emoji-thumbsup"
						onclick="window.CHOSE_EMOJI(':thumbsup:')"></i> <i
						class="emoji-control emoji-clap"
						onclick="window.CHOSE_EMOJI(':clap:')"></i> <i
						class="emoji-control emoji-ok_hand"
						onclick="window.CHOSE_EMOJI(':ok_hand:')"></i>
					<div class="clearfix"></div>
				</div>
			</div>
			<div name="supportHolder" class="support-holder">
				<a
					href="http://meiqia.com/?utm_source=widget-badge&amp;utm_term=86628"
					target="_blank"> <i class="icon icon-logo-gray"></i> <span>客服软件由美洽提供</span>
				</a>
			</div>
		</footer>
		<div id="audioHolder" class="audio-holder">
			<audio id="newChat" preload="preload">
				<source src="desktop-fiesta_data/new-chat.oga" type="audio/ogg">
				<source src="desktop-fiesta_data/new-chat.mp3" type="audio/mpeg">
			</audio>
			<audio id="newMessage" preload="preload">
				<source src="desktop-fiesta_data/new-message.oga" type="audio/ogg">
				<source src="desktop-fiesta_data/new-message.mp3" type="audio/mpeg">
			</audio>
			<audio id="sentMessage" preload="preload">
				<source src="desktop-fiesta_data/sent-message.oga" type="audio/ogg">
				<source src="desktop-fiesta_data/sent-message.mp3" type="audio/mpeg">
			</audio>
		</div>
		<div id="unableService" class="hide"></div>
		<div id="queueingTips" class="hide"></div>
	</section>
	<section id="pageTicket">
		<header class="header">
			<div class="pull-left">
				<div class="title">给我们留言</div>
			</div>
			<div class="pull-right">
				<a id="btnHideTicket" name="btnHidePanel"><i
					class="icon icon-angel-down"></i></a>
			</div>
			<div class="clearfix"></div>
		</header>
		<div class="body">
			<div id="ticketForm">
				<div id="ticketV2" class="active">
					<div class="step-title">您好，很抱歉我们暂时无法为您提供服务，如需帮助，请留言，我们将尽快联系并解决您的问题</div>
					<div class="form-group">
						<div class="group-title">手机</div>
						<div class="group-content">
							<input id="ticketTel" placeholder=" 请输入手机号" type="text">
						</div>
					</div>
					<div class="form-group">
						<div class="group-title">
							留言内容<span>*</span>
						</div>
						<div class="group-content">
							<textarea id="ticketContent" placeholder="请输入留言内容"></textarea>
						</div>
					</div>
					<div class="btn-group">
						<a id="ticketSubmit">提交</a>
					</div>
				</div>
			</div>
			<div id="ticketSuccess">
				<h2>留言成功</h2>
				<p>我们会尽快联系你</p>
				<a id="ticketDone" name="btnHidePanel">关闭</a> <a id="ticketAgain">再次留言</a>
			</div>
		</div>
		<footer class="footer">
			<div name="supportHolder" class="support-holder">
				<a
					href="http://meiqia.com/?utm_source=widget-badge&amp;utm_term=86628"
					target="_blank"> <i class="icon icon-logo-gray"></i> <span>客服软件由美洽提供</span>
				</a>
			</div>
		</footer>
	</section>
	<section id="pageCall">
		<header class="header">
			<div class="pull-left">
				<div class="title">免费通话</div>
			</div>
			<div class="pull-right">
				<a id="btnHideCall" name="btnHidePanel"><i
					class="icon icon-angel-down"></i></a>
			</div>
			<div class="clearfix"></div>
		</header>
		<div class="body">
			<div id="callForm">
				<div class="intro">欢迎使用完全免费的网页回呼与我们通话</div>
				<div id="callTelGroup" class="input-group">
					<input id="callTel" placeholder="请输入你的电话号码" type="tel">
				</div>
				<div id="captchaGroup" class="captcha-group hide">
					<div class="captcha-input">
						<input id="callCaptcha" placeholder="验证码" type="text">
					</div>
					<div class="captcha-img">
						<img id="captchaImg" alt="点击更换">
					</div>
				</div>
				<div class="submit-group">
					<a id="submitCall"><i class="icon icon-submit-tel"></i></a>
					<div class="submit-intro">开始免费通话</div>
				</div>
			</div>
			<div id="callSuccess">
				<div class="call-success-icon">
					<i class="icon icon-submit-tel"></i>
				</div>
				<p>请保持电话畅通，客服人员即将致电</p>
				<p>你将接到「010-52729285」的来电</p>
			</div>
		</div>
		<footer class="footer">
			<div name="supportHolder" class="support-holder">
				<a
					href="http://meiqia.com/?utm_source=widget-badge&amp;utm_term=86628"
					target="_blank"> <i class="icon icon-logo-gray"></i> <span>客服软件由美洽提供</span>
				</a>
			</div>
		</footer>
	</section>
	<section id="pageSurvey">
		<header class="header">
			<div class="pull-left">
				<div id="surveyTitle" class="title">询前表单</div>
			</div>
			<div class="pull-right">
				<a id="btnHideSurvey" name="btnHidePanel"><i
					class="icon icon-angel-down"></i></a>
			</div>
			<div class="clearfix"></div>
		</header>
		<div id="surveyBody" class="body"></div>
		<footer class="footer">
			<div name="supportHolder" class="support-holder">
				<a
					href="http://meiqia.com/?utm_source=widget-badge&amp;utm_term=86628"
					target="_blank"> <i class="icon icon-logo-gray"></i> <span>客服软件由美洽提供</span>
				</a>
			</div>
		</footer>
	</section>
	<script src="./desktop-fiesta-skqf9msu88t49529.js"></script>
</body>
</html>